<html>
<body>
	<a href="http://www.google.com">yo</a>
	<p/>
	
	<input type="button" name="btn01" value="outside the a href" />
	<a href="http://www.google.com">
		<input type="button" name="btn" value="hit me" />
	</a>
	<p/>
	
	<form name="frmFormElement" method="get">
		<script language="javascript">
			var aIdx=1;
			alert (document.location);
			function dynamicAddTextBox() {
				var aDiv=document.getElementById('divTextBox');
				
				if (aDiv!=null) {
					var aTxtbox=document.createElement('input');
					
					aTxtbox.setAttribute('id', 'txtbox'+aIdx);
					aTxtbox.setAttribute('name', 'txtbox'+aIdx);
					aTxtbox.setAttribute('value', new Date());
				}
				aIdx++;
				aDiv.appendChild(aTxtbox);
			}
		</script>	
		
		<hr/>
		This is a {dynamic creation of Form element} test (using javascript)<br/>
		<input type='button' value='click to add a new textbox with today\'s date in it' onclick='dynamicAddTextBox();' />
		<hr/>
		<input type='text' id='normalTextbox' value='122' />
		<div id='divTextBox'></div>
		<input type='submit' value='submit form'/>
		
	</form>
	<p/>
	
	<hr/>
	<div id='divBlock' style="display: block">hi block~<input type='text' /></div>
	<div id='divBlock' style="display: none">
		hi none~
		<input type='text' value='none' />
		<input id="btnHiddenBtn" type='button' onclick='alert("you hit hidden button??");' />
	</div>
	<input type='button' value='try to hit the hidden button...' onclick='doHitHidden();' />
	<script language='javascript'>
		function doHitHidden() {
			var aBtn=document.getElementById('btnHiddenBtn');
			if (aBtn!=null) {
				aBtn.click();
			}
		}
	</script>
	<p/>
	<hr />
	
	<form id='frmDivStyle'>
		<div id='divStyle'>Something inside the div</div>
		<input type='button' value='toggle the div between block/none' onclick='doToggle();' />
		<br/>
		<select id='selType'>
			<option>1</option>
			<option>2</option>
		</select>
		<input type='button' value='selectBox related function' onclick='doShowSelectbox();' />
		<script>
			function doToggle() {
				var aDiv=document.getElementById('divStyle');
				if (aDiv!=null) {
					if (aDiv.style.visibility=='hidden') {
						aDiv.style.visibility='visible';
					} else {
						aDiv.style.visibility='hidden';
					}
				}
			}
			
			function doShowSelectbox() {
				var aSelect=document.getElementById('selType');
				if (aSelect!=null) {
					alert (aSelect.options[0].text + ":" + aSelect.size);
				}
			}
		</script>
	</form>
	<p/>	
	<hr/>
	
	<select id=selFunction onclick='alert("u clicked me");' >
		<option>ji</option>
		<option>soon</option>
	</select>
	<p/>
	
	<a href="#" onclick="alert('yo');">Test on adding jscript instead of url</a>
	<hr/>
	1) Table row creation by javascript<br/>
	<p/>
	
</body>
</html>